import React from 'react'
import './style/eventCaptcha.css';
/**
 * react事件委托
 */
export  default class EventCaptcha extends React.Component {

    state = {}

    rootClickHandler = ()=>{
        console.log('事件冒泡')
    }

    rootClickCaptureHandler = ()=>{
        console.log('事件捕获');
    }

    render() {



        return (
            <>
                <div className="root"  onClick={this.rootClickHandler} onClickCapture={this.rootClickCaptureHandler}>
                    root
                    <div className="outer">
                        outer
                        <div className="inner">
                            inner
                        </div>
                    </div>
                </div>
            </>
        )
    }

}